<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>帐号管理</title>
  <link rel="stylesheet" href="./decoration.css">
</head>

<body>
  <!-- 栏目 -->
  <div class="nav">帐号管理</div>
  <!-- 表格主体部分 -->
  <div class="TableBackground">
    <input type="text" class="search" placeholder=" 请输入帐号或UID查找帐号">
    <!-- 标题表格 -->
    <table style="margin-top: 60px;">
      <tr>
        <th>帐号</th>
        <th>密码</th>
        <th>身份</th>
        <th>UID</th>
        <th>操作</th>
      </tr>
      <!-- 数据表格 -->
      <table class="list" style="margin-bottom: 60px;">

      </table>
    </table>
    <!-- 修改帐号弹窗 -->
    <div class="insertShow">
      <h2 class="title">帐号修改</h2>
      <div>
        <h3><i class="iconfont">&#xe625;</i> 帐号： <input type="text" placeholder=" 帐号长度不超过12位"></h3>
        <h3><i class="iconfont">&#xe628;</i> 密码： <input type="text" placeholder=" 密码必须以12位以内的数字、字母搭配"></h3>
        <br>
        <h3>
          <i class="iconfont">&#xe627;</i> 身份：
          <select name="identification" id="identification">
            <option value="1">1</option>
            <option value="2">2</option>
          </select>
        </h3>
      </div>
      <div class="buttons">
        <button class="cancel">取消</button>
        <button class="add">更新</button>
      </div>
    </div>
    <!-- 表格控制栏 -->
    <div class="controlTable">
      <ul>
        <li class="first"><i class="iconfont">&#xe605;</i></li>
        <li class="last"><i class="iconfont">&#xe618;</i></li>
        &nbsp;<b>|</b>&nbsp; <input type="text" class="paged">
        共 <span class="allPage">0</span> 页 &nbsp;<b>|</b>&nbsp;
        <li class="next"><i class="iconfont">&#xe619;</i></li>
        <li class="theLast"><i class="iconfont">&#xe606;</i></li>
        <select name="paged" id="paged">
          <option value="5">5</option>
          <option value="10">10</option>
          <option value="20">20</option>
        </select>
      </ul>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../../Interceptor.js"></script>
    <script src="./operation.js"></script>
</body>

</html>